<template>
  <div>
    <div class="centerContent">
      <div class="emptyImg">
        <img src="@/assets/images/cart/emptyCart.jpeg" alt />
      </div>
      <div class="zhong">购物车居然是空的</div>
      <div>"在忙，也要记得买点什么犒劳自己~</div>
    </div>
  </div>
</template>

<script>
export default {
  name: "CartsEmpty"
};
</script>

<style scoped>
/* 购物车为空的布局 */
.emptyCart {
  background-color: white;
}
.emptyCart .centerContent {
  width: 200px;
  height: 200px;
  text-align: center;
  margin: 100px auto;
}
.emptyImg {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin-left: 50px;
}
.emptyImg img {
  width: 100%;
}
.emptyCart .zhong {
  margin: 10px;
}
</style>
